.h1{font:12px Georgia,"Times New Roman",Times,serif;color:#6C6A6A;text-align:center}


#pup {
  position:absolute;
  z-index:200; /* aaaalways on top*/
  padding: 3px;
  margin-left: 30px;
  margin-top: 2px;
  width: 250px;
  border: 2px solid black;
  background-color: #777;
  /*background-color: rgba(0, 63, 76, 0.8);*/
  color: white;
  font-size: 0.95em;
}
.ui-button.ui-corner-all {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
float: none;
}
.ui-button > .ui-button-text {
padding: 2px 4px 2px;
font:12px Georgia,"Times New Roman",Times,serif;color:white;
font-size: 10px;
text-transform: uppercase;
}
.ui-widget-content a {
color: red;
}
six2{font:12px Georgia,"Times New Roman",Times,serif;color:red;}

#bckgrnd_refresh{
    float:right;
    /*position: relative;*/
    position: fixed;
    top:0px;
    right:0px;
    text-align:right;
    font-size: 12px;

   /* background: #6b0c36;*/
   
        
}
.showing_settings{
    /*opacity: 0.5;*/
    -moz-border-radius: 15px;
    border-radius: 15px;
    color:white;
    background: #6b0c36;
}

.showing{
    /*opacity: 0.6;*/
    color:grey;
}

#daily_collect{
    position: inherit;
    float:top;
    top:10px;
    left:0px;
    font:12px Georgia,"Times New Roman",Times,serif;background:#6b0c36;
}

#zynga_time_li{
    /*width:200px;*/
    position: fixed;
    top:0px;
    left:0px;
    
}
#update{
    position: fixed;
    top:0px;
    left:0px;
    font:15px Georgia,"Times New Roman",Times,serif;background:#6b0c36;
}
#zynga_time{
    font:12px Georgia,"Times New Roman",Times,serif;background:#6b0c36;
}

#zynga_time a:hover{
	color:#fff;
	background:#6b0c36;
}

newitem{
   position:inherit;
   top:-25px;
   color:gold;
   left:70px;
   font-size: 9px 
}

offline{
   position:inherit;
   top:-25px;
   color:orangered;
   left:75px;
   font-size: 9px 
}
#nav{
        z-index: 200; /*move ontop of mafiwars*/
	list-style:none;
	font-weight:bold;
	margin-bottom:10px;
	/* Clear floats */
	float:left;
        position: fixed;
        left:20%;
        /*bottom:0px;*/
        /*position: relative;*/
        top:-15px;
	width:100%;
        font-family: "Trebuchet MS", "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
        font-size: 13px;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}
@-moz-document url-prefix() {
/*
Top most fix for FF
*/
   #nav{
        top: 0px;
    }
}
#nav li{
	float:left;
	margin-right:30px;
	position:relative;
}
#nav a{
	display:block;
	padding:5px;
	color:yellowgreen;
	/*background:#333;*/
	text-decoration:none;
        
}
#nav a:hover{
	color:#fff;
	background:#6b0c36;
	text-decoration:underline;
}

/*--- DROPDOWN ---*/
#nav ul{
        
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#6b0c36;
	text-decoration:underline;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#333;
}